<template>
	<div class="comercial-college">
		<div class="comercial-title">{{viewModel[type-1].name}}</div>
		<div class="comercial-intro">{{viewModel[type-1].intro}}</div>
		<img class="comercial-img" :src="viewModel[type-1].image" />
	</div>
</template>
<script>
	export default {
		data() {
			return {
				viewModel: [{
					name: '商学院（大学）',
					intro: '商学院是由领英与合伙人及各位总监每月进行的一次公开课，通过不断地学习与分享，对领英方法做到融合贯通。',
					image: 'https://diyapi.5ug.com/wwwroot/uploads/api/935-660-657/2022-12-15/639adab4e43c4f06779da6bd.png'
				}, {
					name: '开课啦',
					intro: '开课啦是领英客户、学者参与的主题课程，报名满额即可开课，带来方法与实战的分享，参与训练式。',
					image: 'https://diyapi.5ug.com/wwwroot/uploads/api/935-660-657/2022-12-15/639adab3e43c4f06779da6bc.png'
				}],
				type: 1
			}
		},
		mounted() {
			this.init()
		},
		methods: {
			async init() {
				this.type = this.$route.query.type
			}
		}
	}
</script>
<style lang="scss">
	.comercial-college {
		padding: 85px;
		box-sizing: border-box;

		.comercial-title {
			font-size: 28px;
			color: #000C53;
			font-weight: bold;
			text-align: center;
		}

		.comercial-intro {
			font-size: 22px;
			color: #838383;
			line-height: 2.2;
			margin-top: 40px;
		}

		.comercial-img {
			width: 100%;
			display: block;
			margin-top: 60px;
		}
	}
</style>